<template>
    <div>
        <!--轮播图-->
        <mt-swipe :auto="4000">
        <mt-swipe-item><img src='/images/lunbo04.jpg' atl=''/></mt-swipe-item>
        <mt-swipe-item><img src='/images/lunbo05.jpg' atl=''/></mt-swipe-item>
        <mt-swipe-item><img src='/images/lunbo06.jpg' atl=''/></mt-swipe-item>
        </mt-swipe>

        <!-- 九宫格修改的六宫格 -->
         <ul class="mui-table-view mui-grid-view mui-grid-9">
		   <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3">
               <router-link to="/home/newsList">
		        <img src="/images/1.jpg">
		        <div class="mui-media-body">新闻资讯</div>
                </router-link></li>
		   <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3"><router-link to="/home/photos">
                <img src="images/2.jpg">
	            <div class="mui-media-body">资源分享</div></router-link></li>
		   <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3"><router-link to="/home/goods"> 
                <img src="images/10.jpg">
	            <div class="mui-media-body">商品购买</div></router-link></li>
		   <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3"><a href="#">
	           <img src="images/4.jpg">
		        <div class="mui-media-body">我们的位置</div></a></li>
		   <!-- <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3"><a href="#">
		       <img src="images/5.jpg">
		        <div class="mui-media-body">查找</div></a></li> -->
		   <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3"><a href="#">
		       <img src="images/6.jpg">
		        <div class="mui-media-body">联系我们</div></a></li> 
           <!-- <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3"><a href="#">
		        <img src="images/7.jpg"> 
		        <div class="mui-media-body">设置</div></a></li> -->
		   <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3"><a href="#">
		        <img src="images/8.jpg">
		        <div class="mui-media-body">关于我们</div></a></li>
		 </ul>
    </div>
</template>
<script>
import {Toast} from 'mint-ui'

export default {
    data(){
        return {
            lunbotuList:[]//保存轮播图的数组
        }
    },
    created(){
        //this.getLunbotu();
    },
    methods:{
        // getLunbotu(){
        //   //获取轮播图数据的方法
        //   this.$http.get("http://vue.studyit.io/api/getlunbo").then(result=>{
        //    //this.$http.get("http://localhost:8080").then(result=>{
        //       //console.log(result.body)
        //       if(result.bosy.status===0){
        //           this.lunbotuList=result.body.message;
        //       }else{
        //           Toast('轮播图片加载失败。。。')
        //       }
        //   })
        // }
    }
}
</script>
<style lang="scss" scoped>
.mint-swipe{
    height:300px;
    .mint-swipe-item{
        img{
            height:100%;
            width:100%
        }
    }
}
.mui-grid-view.mui-grid-9{
    background-color:#fff;
    border:none;

    img{
        height:60px;
        width:60px;
    }
    
}
.mui-grid-view.mui-grid-9 .mui-table-view-cell{
          border:0
    }
</style>